<!-- 类似于Html页面中的Body-->
<template>
    <div>
        <h1>{{message}}</h1>
      <button v-on:click="go()">编程式导航</button>
    </div>
</template>

<!-- 编写js代码-->
<script>

    export default {
        name: "index",
        data(){
          return{
            message:"这里是首页哦，真正的首页"
          }
        },
      //编写js方法
      methods:{
        go:function () {
          //进行页面的跳转同时，携带参数
          this.$router.push({name:"parmfunction",params:{name:"上三"}})
        }
      }

    }
</script>

<!-- 该页面的样式-->
<style scoped>

</style>
